<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>注册充值卡</title>
		<link rel="stylesheet" type="text/css" href="css/czkgl.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box in">
					<a href="czkgl.html">充值卡列表</a>
				</div>
				<div class="l-box">
					<a href="czkgl2.html">充值卡充值记录</a>
				</div>
				<div class="l-box">
					<a href="czkgl3.html">充值卡退消记录</a>
				</div>
				<div class="l-box">
					<a href="czkgl4.html">挂失卡号记录</a>
				</div>
				<div class="l-box">
					<a href="czkgl5.html">充值卡注销记录</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="xiugai"	>
						<header>注册充值卡</header>
						<form action="" method="post" style="padding-left: 30px; padding-bottom: 30px;">
							<div class="s-one"><span>卡编号:</span>
									<input type="text" name="" id="input1" value="" class="wzhi"/>
									<span style="color: #999;width: initial;">请输入卡编号</span>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="s-one"><span>物理编号:</span>
									<input type="text" name="" id="input2" value="" class="wzhi"/>
									<span style="color: #999;width: initial;">请输入卡物理编号</span>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="group-radio">
								<span>卡类型：</span>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai" checked="checked"/><i class="ii"></i>
									</div>
									<span>普通</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai"/><i></i>
									</div>
									<span>VIP</span>
								</div>
							</div>
							<div class="s-one"><span>卡所属人:</span>
									<input type="text" name="" id="input3" value="" class="wzhi"/>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="group-radio">
								<span>性别：</span>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai2" checked="checked"/><i class="ii"></i>
									</div>
									<span>保密</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai2"/><i></i>
									</div>
									<span>男</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai2"/><i></i>
									</div>
									<span>女</span>
								</div>
							</div>
							<div class="s-one"><span>手机号:</span>
									<input type="text" name="" id="" value="" class="wzhi"/>
							</div>
							<div class="s-one"><span>地址:</span>
									<input type="text" name="" id="" value="" class="wzhi"/>
							</div>
							<div class="s-one"><span>卡押金:</span>
									<input type="number" name="" id="" value="0.00" class="wzhi"/>元
							</div>
							<div class="s-one"><span>充值金额:</span>
									<input type="number" name="" id="" value="" class="wzhi"/>
									<span style="color:#999;width: 300px;">如需注册时充值，请填写充值的金额</span>
							</div>
							<div class="group-radio">
								<span>充值是否赠送：</span>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai1"/><i></i>
									</div>
									<span>赠送</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai1" checked="checked"/><i class="ii"></i>
									</div>
									<span>不赠送</span>
								</div>
							</div>
							<div class="s-one"><span>操作人:</span>
									<input type="text" name="" id="input4" value="" class="wzhi"/>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="s-one"><span>备注:</span>
									<textarea name="" rows="" cols="" style="width: 205px;height: 50px;vertical-align: top;resize: none;"></textarea>
							</div>
							<div align="center">	
								<input type="submit" value="保存" id="save" style="width: 96px;height: 26px;background: #008b98;color: white;"/>
								<input type="button" value="返回" id="back" onclick="window.location.href='czkgl.html'"style="width: 96px;height: 26px;background: #008b98;color: white;margin-left: 36px;"/>
							</div>
					   </form>
				  </div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			$(':submit').on('click',function(){
				$('#input1').nextAll().eq(1).css('display','none');
				$('#input2').nextAll().eq(1).css('display','none');
				$('#input3').nextAll().eq(1).css('display','none');
				$('#input4').nextAll().eq(1).css('display','none');
				var input1=$.trim($('#input1').val());
				var input2=$.trim($('#input2').val());
				var input3=$.trim($('#input3').val());
				var input4=$.trim($('#input4').val());
				if(!input1){
					$('#input1').nextAll().eq(1).css('display','inline-block');
					return false;
				}else if(!input2){
					$('#input2').nextAll().eq(1).css('display','inline-block');
					return false;
				}else if(!input3){
					$('#input3').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(!input4){
					$('#input4').nextAll().eq(0).css('display','inline-block');
					return false;
				}else{
					return true;
				}
			})
		</script>
	</body>
</html>